.task-detail-pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    .pagination {
        display: flex;
        gap: 10px;
    }
    .pagination-item {
        height: 32px;
        border-radius: 2px;
        padding: 0px 12px 0px 12px;
        
    }

    .ant-pagination-item,
    .ant-pagination-prev, 
    .ant-pagination-next {
        border-radius: 2px;
        border: solid 1px rgba(217, 217, 217, 1);
        &:hover {
            background-color: transparent!important;
        }
    }

    .ant-pagination-prev:not(.ant-pagination-disabled) :hover, 
    .ant-pagination-next:not(.ant-pagination-disabled) :hover {
        border-radius: 2px;
        color: #1677ff;
        background-color: transparent!important;
        border-color: #1677ff;
        .ant-pagination-item-link {
            background-color: transparent!important;
            svg { fill: #1677ff; }
        }
    }
    .ant-pagination-item-active {
        font-weight: 400;
        color: #1677ff;
        border: solid 1px rgba(217, 217, 217, 1);
    }

    .ant-pagination-item:hover,
    .ant-pagination-item-active:hover {
        color: #1677ff;
        border-color: #1677ff;
        background-color: transparent!important;
    }

    :where(.css-dev-only-do-not-override-ghnybt).ant-pagination .ant-pagination-prev, 
    :where(.css-dev-only-do-not-override-ghnybt).ant-pagination .ant-pagination-jump-prev, 
    :where(.css-dev-only-do-not-override-ghnybt).ant-pagination .ant-pagination-jump-next,
    :where(.css-dev-only-do-not-override-ghnybt).ant-pagination .ant-pagination-item {
        margin-inline-end: 4px;
    }
}